﻿<!DOCTYPE html>
<html>
  <head>
    <title>退款</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/退款/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/退款/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合 ) -->
      <div id="u1220" class="ax_default" data-left="30" data-top="10" data-width="350" data-height="556">

        <!-- Unnamed (矩形) -->
        <div id="u1221" class="ax_default _形状">
          <div id="u1221_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1222" class="ax_default _形状">
          <div id="u1222_div" class=""></div>
        </div>
      </div>

      <!-- 我的 (动态面板) -->
      <div id="u1223" class="ax_default" data-label="我的">
        <div id="u1223_state0" class="panel_state" data-label="首页" style="">
          <div id="u1223_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u1224" class="ax_default _形状">
              <div id="u1224_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1225" class="ax_default _形状">
              <div id="u1225_div" class=""></div>
              <div id="u1225_text" class="text ">
                <p><span style="font-family:'应用字体';color:#FF0000;">*</span><span style="font-family:'应用字体';color:#666666;">申请服务&nbsp; &nbsp;&nbsp; </span><span style="font-family:'应用字体';">退款</span></p>
              </div>
            </div>

            <!-- Unnamed (下拉列表框) -->
            <div id="u1226" class="ax_default _下拉列表框">
              <select id="u1226_input" class="text_sketch">
                <option value="*退款原因   请选择">*退款原因&nbsp;&nbsp; 请选择</option>
                <option value="*退款原因   不喜欢/不想要">*退款原因&nbsp;&nbsp; 不喜欢/不想要</option>
                <option value="*退款原因   未按约定时间发货">*退款原因&nbsp;&nbsp; 未按约定时间发货</option>
              </select>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1227" class="ax_default _形状">
              <div id="u1227_div" class=""></div>
              <div id="u1227_text" class="text ">
                <p><span style="font-family:'应用字体';color:#FF0000;">*</span><span style="font-family:'应用字体';color:#666666;">退款金额&nbsp; &nbsp;&nbsp; </span><span style="font-family:'应用字体';color:#FF0000;">￥260.00</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1228" class="ax_default _文本段落">
              <div id="u1228_div" class=""></div>
              <div id="u1228_text" class="text ">
                <p><span style="font-family:'应用字体';">（最多退260.00.元，扣除优惠金额5元）</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1229" class="ax_default _形状">
              <div id="u1229_div" class=""></div>
              <div id="u1229_text" class="text ">
                <p><span style="font-family:'应用字体';font-size:13px;color:#FF0000;">*</span><span style="font-family:'应用字体';font-size:13px;color:#666666;">退款说明&nbsp; &nbsp;&nbsp; </span><span style="font-family:'应用字体';font-size:10px;color:#CCCCCC;">最多200字</span></p>
              </div>
            </div>

            <!-- Unnamed (组合 ) -->
            <div id="u1230" class="ax_default" data-left="98" data-top="337" data-width="78" data-height="73">

              <!-- Unnamed (矩形) -->
              <div id="u1231" class="ax_default _形状">
                <img id="u1231_img" class="img " src="images/退货退款/u1172.png"/>
              </div>

              <!-- Unnamed (加号) -->
              <div id="u1232" class="ax_default _形状">
                <img id="u1232_img" class="img " src="images/退货退款/u1173.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u1233" class="ax_default _文本段落">
                <div id="u1233_div" class=""></div>
                <div id="u1233_text" class="text ">
                  <p><span style="font-family:'应用字体';">上传凭证</span></p><p><span style="font-family:'应用字体';">（最多三张）</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u1234" class="ax_default _图片_">
              <img id="u1234_img" class="img " src="images/退货退款/u1175.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1235" class="ax_default _形状">
              <img id="u1235_img" class="img " src="images/退货退款/u1176.png"/>
              <div id="u1235_text" class="text ">
                <p><span style="font-family:'应用字体';">—</span></p>
              </div>
            </div>

            <!-- Unnamed (下拉列表框) -->
            <div id="u1236" class="ax_default _下拉列表框">
              <select id="u1236_input" class="text_sketch">
                <option value="*货物状态   未收到货">*货物状态&nbsp;&nbsp; 未收到货</option>
              </select>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1237" class="ax_default _形状">
              <div id="u1237_div" class=""></div>
            </div>

            <!-- Unnamed (组合 ) -->
            <div id="u1238" class="ax_default" data-left="15" data-top="17" data-width="322" data-height="74">

              <!-- Unnamed (矩形) -->
              <div id="u1239" class="ax_default _文本段落">
                <div id="u1239_div" class=""></div>
                <div id="u1239_text" class="text ">
                  <p><span style="font-family:'应用字体';">卡丁车四件套套装</span></p><p><span style="font-family:'应用字体';">卡丁车四件套套装</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u1240" class="ax_default _文本段落">
                <div id="u1240_div" class=""></div>
                <div id="u1240_text" class="text ">
                  <p><span style="font-family:'应用字体';">红色；1.5m床</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u1241" class="ax_default _文本段落">
                <div id="u1241_div" class=""></div>
                <div id="u1241_text" class="text ">
                  <p><span style="font-family:'应用字体';">￥390.00</span></p>
                </div>
              </div>

              <!-- Unnamed (占位符) -->
              <div id="u1242" class="ax_default _形状">
                <img id="u1242_img" class="img " src="images/退货退款/u1182.png"/>
                <div id="u1242_text" class="text ">
                  <p><span style="font-family:'应用字体';">商品图</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1243" class="ax_default _文本段落">
              <div id="u1243_div" class=""></div>
              <div id="u1243_text" class="text ">
                <p><span style="font-family:'应用字体';">x2</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1244" class="ax_default _文本段落">
        <div id="u1244_div" class=""></div>
        <div id="u1244_text" class="text ">
          <p><span style="font-family:'应用字体';">申请退货</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1245" class="ax_default _形状">
        <div id="u1245_div" class=""></div>
        <div id="u1245_text" class="text ">
          <p><span style="font-family:'应用字体';">提交申请</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1246" class="ax_default _水平线">
        <img id="u1246_img" class="img " src="images/移动端退换流程-全部订单页面/u394.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1247" class="ax_default _文本段落">
        <div id="u1247_div" class=""></div>
        <div id="u1247_text" class="text ">
          <p><span style="font-family:'应用字体';font-weight:400;color:#0000FF;">退款金额：</span><span style="font-family:'应用字体';font-weight:400;">此处金额为系统计算金额，不可修改，展示形式为</span><span style="font-family:'应用字体';font-weight:400;color:#FF0000;">￥260.00；</span><span style="font-family:'应用字体';font-weight:400;">金额计算方式详见下方：</span></p><p><span style="font-family:'应用字体';font-weight:400;color:#0000FF;"><br></span></p><p><span style="font-family:'应用字体';font-weight:400;color:#0000FF;">计算方法：</span><span style="font-family:'应用字体';font-weight:400;">根据订单中内容提供退款金额参考，如涉及参与满减活动的商品退货退款，则需要按比例扣除相应优惠金额后，再提供退款金额。</span></p><p><span style="font-family:'应用字体';font-weight:700;color:#0000FF;"><br></span></p><p><span style="font-family:'应用字体';font-weight:400;color:#0000FF;">示例1：</span></p><p><span style="font-family:'应用字体';font-weight:400;">商品A价格￥150.00，商品B价格￥300.00，参与活动满400元减20元，购买商品A*1件，购买商品B*1件，则：</span></p><p><span style="font-family:'应用字体';font-weight:400;">商品A优惠额度为：150/450*20=6.6.元，优惠后商品A价格150-6.6=143.4元；</span></p><p><span style="font-family:'应用字体';font-weight:400;">商品B优惠额度为：300/450*20=13.4元，优惠后商品B价格300-13.4=286.6元，</span></p><p><span style="font-family:'应用字体';font-weight:400;">即</span><span style="font-family:'应用字体';font-weight:400;color:#990000;">商品A退款143.4元，商品B退款286.6元</span><span style="font-family:'应用字体';font-weight:400;">。</span></p><p><span style="font-family:'应用字体';font-weight:400;"><br></span></p><p><span style="font-family:'应用字体';font-weight:400;color:#0000FF;">示例2：</span></p><p><span style="font-family:'应用字体';font-weight:400;">商品A价格￥180.00，商品B价格￥300.00，参与活动满500元减40元，购买商品A*2件，购买商品B*1件，则：</span></p><p><span style="font-family:'应用字体';font-weight:400;">商品A*2的优惠额度为：（180*2/180*2+300）*40=21.82元，优惠后商品A*2的实际支付价格180*2—21.82=338.18元；</span></p><p><span style="font-family:'应用字体';font-weight:400;"><br></span></p><p><span style="font-family:'应用字体';font-weight:400;">商品B优惠额度为：（300/180*2+300）*40=18.18元，优惠后商品B*1的实际支付价格300-18.18=281.82元，</span></p><p><span style="font-family:'应用字体';font-weight:400;"><br></span></p><p><span style="font-family:'应用字体';font-weight:400;">即</span><span style="font-family:'应用字体';font-weight:400;color:#990000;">商品A*2的退款338.18元，商品B退款281.82元</span><span style="font-family:'应用字体';font-weight:400;">。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1248" class="ax_default _文本段落">
        <div id="u1248_div" class=""></div>
        <div id="u1248_text" class="text ">
          <p><span style="font-family:'应用字体';color:#990000;">退款金额</span><span style="font-family:'应用字体';color:#0000FF;">（0628新增）：</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1249" class="ax_default _水平线">
        <img id="u1249_img" class="img " src="images/退货退款/u1192.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1250" class="ax_default _文本段落">
        <div id="u1250_div" class=""></div>
        <div id="u1250_text" class="text ">
          <p><span style="font-family:'应用字体';color:#990000;">总体功能描述</span><span style="font-family:'应用字体';color:#0000FF;">（0626新增）：</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1251" class="ax_default _水平线">
        <img id="u1251_img" class="img " src="images/退货退款/u1192.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1252" class="ax_default _文本段落">
        <div id="u1252_div" class=""></div>
        <div id="u1252_text" class="text ">
          <p><span style="font-family:'应用字体';">此功能为仅退款，用于消费者订单未发货前或未取货前，具体售后逻辑参考移动端-全部订单页面。</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1253" class="ax_default _图片_">
        <img id="u1253_img" class="img " src="images/退货退款/u1198.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1254" class="ax_default _图片_">
        <img id="u1254_img" class="img " src="images/退货退款/u1199.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1255" class="ax_default _文本段落">
        <div id="u1255_div" class=""></div>
        <div id="u1255_text" class="text ">
          <p><span style="font-family:'应用字体';color:#0000FF;">退货说明：</span><span style="font-family:'应用字体';">限制200字，输入两行字后会将输入框撑开，超过五行字，则文字部分可在输入框内上下滚动，详见设计。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1256" class="ax_default _文本段落">
        <div id="u1256_div" class=""></div>
        <div id="u1256_text" class="text ">
          <p><span style="font-family:'应用字体';color:#990000;">退货说明</span><span style="font-family:'应用字体';color:#0000FF;">（0626新增）</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1257" class="ax_default _水平线">
        <img id="u1257_img" class="img " src="images/退货退款/u1192.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1258" class="ax_default _形状">
        <div id="u1258_div" class=""></div>
        <div id="u1258_text" class="text ">
          <p><span style="font-family:'应用字体';">提交申请</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1259" class="ax_default _文本段落">
        <div id="u1259_div" class=""></div>
        <div id="u1259_text" class="text ">
          <p><span style="font-family:'应用字体';">提交申请按钮说明</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1260" class="ax_default _水平线">
        <img id="u1260_img" class="img " src="images/退货退款/u1192.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1261" class="ax_default _文本段落">
        <div id="u1261_div" class=""></div>
        <div id="u1261_text" class="text ">
          <p><span style="font-family:'应用字体';">1、提交按钮，悬浮在页面下方，</span></p><p><span style="font-family:'应用字体';"><br></span></p><p><span style="font-family:'应用字体';">2、点击时，需判断本页所有必填选项是否已经填写，如有未填写选项，需将选项标红显示，例如：</span></p><p><span style="font-family:'应用字体';"><br></span></p><p><span style="font-family:'应用字体';color:#FF0000;">*退款金额：</span></p><p><span style="font-family:'应用字体';color:#FF0000;"><br></span></p><p><span style="font-family:'应用字体';">3、提交成功后，出现toast提示框，提示提交成功，2S后消失并跳转至售后订单列表页。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1262" class="ax_default _流程形状">
        <img id="u1262_img" class="img " src="images/退货退款/u1207.png"/>
        <div id="u1262_text" class="text ">
          <p><span style="font-family:'应用字体';">恭喜您，提交成功！</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1263" class="ax_default _文本段落">
        <div id="u1263_div" class=""></div>
        <div id="u1263_text" class="text ">
          <p><span style="font-family:'应用字体';">提交申请toast提示</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1264" class="ax_default _图片_">
        <img id="u1264_img" class="img " src="images/退货退款/u1210.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1265" class="ax_default _文本段落">
        <div id="u1265_div" class=""></div>
        <div id="u1265_text" class="text ">
          <p><span style="font-family:'应用字体';color:#990000;">申请售后的商品数据信息描述</span><span style="font-family:'应用字体';color:#0000FF;">（0706新增）：</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u1266" class="ax_default _水平线">
        <img id="u1266_img" class="img " src="images/退货退款/u1192.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1267" class="ax_default _文本段落">
        <div id="u1267_div" class=""></div>
        <div id="u1267_text" class="text ">
          <p><span style="font-family:'应用字体';">展示当前申请退货退款的商品信息数据（展示商品图片、商品名称、商品规格、商品数量、商品单价、商品原价；），此数据读取销售订单中的数据：</span></p><p><span style="font-family:'应用字体';">&nbsp;</span></p><p><span style="font-family:'应用字体';color:#0000FF;">商品图片：</span><span style="font-family:'应用字体';">输出订货系统中商品图片的手机图片列表下的头图，按比例压缩，不可拉伸变形；如无图片，则默认显示品牌logo图片（待提供）；</span></p><p><span style="font-family:'应用字体';">&nbsp;</span></p><p><span style="font-family:'应用字体';color:#0000FF;">卡丁车四件套套装：</span><span style="font-family:'应用字体';">读取订货系统中的商品名称数据，一行显示14个字，最多显示两行，超过的用…显示；</span></p><p><span style="font-family:'应用字体';">&nbsp;</span></p><p><span style="font-family:'应用字体';color:#0000FF;">红色；1.5m床；：</span><span style="font-family:'应用字体';">读取订货系统中商品规格选项下的规格值内容，不同规格值之间用；分隔；</span></p><p><span style="font-family:'应用字体';">&nbsp;</span></p><p><span style="font-family:'应用字体';color:#0000FF;">2</span><span style="font-family:'应用字体';">：读取本订单所买单个商品的实际数量；</span></p><p><span style="font-family:'应用字体';">&nbsp;</span></p><p><span style="font-family:'应用字体';color:#0000FF;">￥390.00：</span><span style="font-family:'应用字体';">读取单个商品的单价，如涉及促销活动的商品，则读取优惠后的销售单价；</span></p><p><span style="font-family:'应用字体';">&nbsp;</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
